.container {
  height: 100px;
  background-color: #f7f6ff;
  border-radius: 40px 40px 0 0;
  &::before {
    display: table;
    content: '';
  }
  .wapperContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 32px;
    .selected {
      color: #866dd8;
      > text {
        color: #866dd8 !important;
      }
    }
    > view {
      display: flex;
      align-items: center;
      justify-content: center;
      > text {
        &:nth-of-type(1) {
          display: block;
          margin-right: 8px;
          color: #333;
          font-weight: bold;
          font-size: 24px;
        }
      }
      &:nth-of-type(1) {
        padding-right: 84px;
      }
      &:nth-of-type(2) {
        position: relative;
        padding: 0 84px;
        &::before,
        &::after {
          position: absolute;
          top: 2px;
          display: inline-block;
          width: 1px;
          height: 40px;
          background-color: #e4e0f9;
          content: '';
        }
        &::before {
          left: 0;
        }
        &::after {
          right: 0;
        }
      }
      &:nth-of-type(3) {
        padding-left: 84px;
      }
    }
  }
}
